<!--
  - Copyright (c) 2018.
  - 北京九思金信科技有限公司对该文件内容保留所有权利。
  - 未经许可，不得私自拷贝、传播、发布、引用该文件内容，违者将被追究法律责任。
  -->

<template>
    <div style="text-align: left">
        <el-date-picker
            v-model="inputValue"
            :type="type"
            :placeholder="placeholder"
            :format="format"
            :value-format="valueFormat"
            v-if="editing"
            :popper-append-to-body="false"
            @change="change">
        </el-date-picker>
        <span v-if="!editing" style="padding: 8px 0px 8px 8px">{{dateFormat(value)}}</span>
    </div>
</template>

<script>
export default {
    name: "FtDatePicker",
    props: ['editing', 'value', 'type', 'placeholder', 'format', 'valueFormat'],
    watch:{
        value(newValue,oldValue){
            this.inputValue=this.value
        }
    },
    data() {
        return {
            inputValue: this.value
        }
    },
    methods: {
        change() {
            this.$emit('input', this.inputValue)
            this.$emit('change', this.inputValue)
        },
        //日期格式化：yyyy-mm-dd
        dateFormat(value) {
            if(value==null || value==""){
                return
            }else{
                var date = new Date().Format(value)
                return date
            }
        },
        cover(value){
            if(value.toString().length==1){
                value="0" + value
            }
            return value
        }
    }
}
</script>

<style scoped>

</style>
